<div style="display: flex; flex-wrap: wrap; align-items: center;">
  <Button><Label>Button with a Label</Label></Button>

  <Fab extended><Label>Fab with a Label</Label></Fab>

  <IconButton><Icon class="material-icons">favorite</Icon></IconButton>

  <Fab><Icon class="material-icons">favorite</Icon></Fab>
</div>

<script lang="ts">
  import Button from '@smui/button';
  import IconButton from '@smui/icon-button';
  import Fab from '@smui/fab';
  import { Icon, Label } from '@smui/common';
</script>
